<template>
    <div class="tab-pane fade show active" id="dashboard" role="tabpanel">
        <div class="myaccount-dashboard light-shadow-bg">
            <div class="light-box-content">
                <div class="media-box">
                    <div class="item-img">
                        <img src="media/figure/avatar.jpg" alt="avatar">
                    </div>
                    <div class="item-content">
                        <h3 class="item-title">Nadjim Cheurfi</h3>
                        <div class="item-email"><span>Email: </span>techlabpro.8@gmail.com
                        </div>
                    </div>
                </div>
                <div class="static-report">
                    <h3 class="report-title">Membership Report</h3>
                    <div class="report-list">
                        <div class="report-item">
                            <label>Status</label>
                            <div class="item-value">Active</div>
                        </div>
                    </div>
                    <div class="report-list">
                        <div class="report-item">
                            <label>Validity</label>
                            <div class="item-value">Until 2020-09-17 05:16:15</div>
                        </div>
                    </div>
                    <div class="report-list">
                        <div class="report-item">
                            <label>Remaining Ads</label>
                            <div class="item-value">947</div>
                        </div>
                    </div>
                    <div class="report-list">
                        <div class="report-item">
                            <label>Posted Ads</label>
                            <div class="item-value">53</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'dashboard'
    }
</script>